import { React, useEffect, useRef } from "react";
import { useDispatch } from "react-redux";
import { HIDE_TABBER, SHOW_TABBER } from "../../store/action-type/tabber";
import { useHistory } from "react-router-dom";
import { NavBar, Space, Swiper, SearchBar } from "antd-mobile";
import "../../MIUIcss/Findtype/Article.scss";

function article() {
  const dispatch = useDispatch();
  useEffect(() => {
    dispatch({ type: HIDE_TABBER });
  }, []);
  const { go } = useHistory();
  const { replace, push } = useHistory();
  const back = () => {
    go(-1);
    dispatch({ type: SHOW_TABBER });
  };
  return (
    <div className="Article-xiangqing">
      <div className="Article-nav">
        <NavBar onBack={back}>
          <span>小米感恩季</span>
        </NavBar>
        <hr />
      </div>
      <div className="article-content">
        <div className="article-title">
          <h1>小米感恩季福利加码 再送100元 手机券</h1>
          <div className="article-time">
            <p>2022-02-32 </p>
            <b>小米商城</b>
          </div>
        </div>
        <div className="article-cont">
          <p>
            小米2017感恩季火热进行中，除了100万张100元现金券，又有新的福利来了
          </p>
        </div>
        <div className="artivle-img">
          <img src="../../../src/image/Find/find-fuli.png" alt="" />
        </div>
      </div>
    </div>
  );
}

export default article;
